<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<div>
	<s:form action="create-recommendation">
 	  <s:textfield name="recommendation.name" label="推荐名" />
 	  <s:textfield name="recommendation.position" label="位置" />
 	  <s:textfield name="recommendation.columns"  label ="列数"/>  
 	  <s:textfield name="recommendation.itemSize"  label="图片大小"  />
 	  <s:textfield name="recommendation.caption" label="标题" />
 	  <s:textfield name="recommendation.theme" label="主题" />
 	  <s:textfield name="recommendation.background"  label ="背景"/>  
 	  <s:textfield name="recommendation.buttonPic"  label="购买按钮"  />
 	  <s:textfield name="recommendation.pricePic"  label="价格图标"  />
   	  <s:submit/>
	</s:form>
</div>
<!-- div>
	<table background="${backgroundPic}" border="0" cellpadding="0"
		cellspacing="0" style="border: 1.0px solid #7ec900;" width="100%">
		<tbody>
			<tr height="28">
				<td
					style="height: 28.0px; border-bottom: 1.0px solid #7ec900; background: #ffffff;">
					<span id='caption' class='edit'
					style="float: left; line-height: 28.0px; padding-left: 8.0px; background: #7ec900; color: white; font-size: 14.0px;">
						<b>您可能也喜欢</b> <input style='display: none;'></input> </span> <span
					id='theme' class='edit' style="float: left;position:relative;"> <img
						src="http://top.itewi.com/assets/r/theme/12.gif"> 
						<div id='theme-popup' style='display:none;position:absolute;border:1px solid red;'>
							<s:action name="selecting-theme" executeResult='true'>
								<s:param name='type' value='1'></s:param>
							</s:action>
						</div></span> 
						<span
					style="float: right; line-height: 28.0px; padding-right: 3.0px;"><a
						href="http://favorite.taobao.com/popup/add_collection.htm?id=34533095&amp;itemtype=0&amp;ownerid=631ea22ccfb34f68cfa0b9dba6aef0a1&amp;scjjc=2"
						target="_blank"><img
							src="http://top.itewi.com/assets/r/sc.gif"
							style="border: none; float: left; padding-top: 4.0px;"> </a><a
						href="http://shop34533095.taobao.com/?shopId=34533095"
						target="_blank"><img
							src="http://top.itewi.com/assets/r/vm.gif"
							style="border: none; float: left; padding-top: 4.0px;"> </a> </span>
				</td>
			</tr>
			<tr>
				<td align="center"><table border="0" cellpadding="0"
						cellspacing="0" width="100%">
						<tbody>
							<tr>
								<td><div
										style="float: left; margin: 8.0px 0.0px 0.0px 8.0px; border: 1.0px solid #e1e1e1; text-align: center; background: #ffffff;">
										<div style="width: 160.0px; padding: 3.0px;">
											<div style="height: 160.0px;">
												<a href="http://item.taobao.com/item.htm?id=${item.numIid}"
													target="_blank"><img src="${item.picUrl}"> </a>
											</div>
											<div>
												<a href="http://item.taobao.com/item.htm?id=${item.numIid}"
													target="_blank">${item.title}</a>
											</div>
											<div style="padding: 3.0px;">
												<table align="center" cellpadding="0" cellspacing="0">
													<tbody>
														<tr>
															<td><img
																src="http://top.itewi.com/assets/r/price/5.gif"></td>
															<td><span style="color: red;">${item.price}</span>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
											<div>
												<a href="http://item.taobao.com/item.htm?id=${item.numIid}"
													target="_blank"><img src="${buttonPic}"> </a>
											</div>
										</div>
									</div>
								</td>
							</tr>
							<tr>
								<td colspan="4" height="8"></td>
							</tr>
						</tbody>
					</table></td>
			</tr>
		</tbody>
	</table>
</div>
<script type="text/javascript">
	$('#caption').click(function() {
		var $b = $(this).children('b');
		var caption = $b.text();
		$b.hide();
		var $input = $(this).children('input');
		$input.val(caption);
		$input.show().focus();
		return false;
	});
	$('#caption>input').blur(function() {
		var caption = $(this).val();
		var $b = $(this).siblings('b');
		$b.text(caption);
		$b.show();
		$(this).hide();
		return false;
	});
	$('#theme').click(function(){
		$('#theme-popup').show();
		return false;
	});
</script-->